<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../util/bootstrap-3.3.7-dist/css/bootstrap.css">
    <script src="../util/jquery-3.4.0.js"></script>
    <link rel="stylesheet" href="../font/fy-Icon/font_nwu44ti3sg/iconfont.css">
    <link rel="stylesheet" href="../util/fy-swiper-4.5.0/swiper-4.5.0/dist/css/swiper.css">
    <script src="../util/fy-swiper-4.5.0/swiper-4.5.0/dist/js/swiper.js"></script>
    <link rel="stylesheet" href="../util/fy-viewer-master/viewer-master/dist/viewer.css">
    <script src="../util/fy-viewer-master/viewer-master/dist/viewer.js"></script>
    <link rel="stylesheet" href="../css/fy-home.css">
</head>
<body>
    <div class="container-fluid">
        <div id="fy-big" class="row">
            <div id="fy-one">
                <div id="message">
                    <h2>今日寄语</h2><span class="iconfont icon-xiaolian"></span>
                    <p>好好学习，天天向上！！！</p>
                </div>
                <div id="good-teacher">
                    <h2>优秀教师</h2>
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide"><img src="../images/fy-ls1.jpg" alt=""></div>
                            <div class="swiper-slide"><img src="../images/fy-ls2.jpg" alt=""></div>
                            <div class="swiper-slide"><img src="../images/fy-ls6.jpg" alt=""></div>
                        </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination"></div>

                        <!-- 如果需要导航按钮 -->
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </div>
                <div id="good-student">
                    <h2>优秀学生</h2>
                    <ul id="viewer">
                        <li><img src="../images/fy-xs1.png" data-original="../images/fy-xs1.png" alt=""></li>
                        <li><img src="../images/fy-xs2.jpg" data-original="../images/fy-xs2.jpg" alt=""></li>
                        <li><img src="../images/fy-xs3.jpg" data-original="../images/fy-xs3.jpg" alt=""></li>
                        <li><img src="../images/fy-xs4.jpg" data-original="../images/fy-xs4.jpg" alt=""></li>
                        <li><img src="../images/fy-xs5.jpg" data-original="../images/fy-xs5.jpg" alt=""></li>
                        <li><img src="../images/fy-xs6.jpg" data-original="../images/fy-xs6.jpg" alt=""></li>
                        <li><img src="../images/fy-xs7.jpg" data-original="../images/fy-xs7.jpg" alt=""></li>
                        <li><img src="../images/fy-xs8.jpg" data-original="../images/fy-xs8.jpg" alt=""></li>
                        <li><img src="../images/fy-xs9.jpg" data-original="../images/fy-xs9.jpg" alt=""></li>
                    </ul>
                </div>
                <div id="notice">
                    <span class="iconfont icon-laba"></span><h2>今日公告</h2>
                    <p id="p1">今天下午停电，放假半天！</p>
                </div>
            </div>
            <div id="menu">
                <h2>今日菜谱</h2><span class="iconfont icon-yongcan"></span>
                <div>
                    <img src="../images/fy-sp1.jpg" alt="">
                    <img src="../images/fy-sp2.jpg" alt="">
                    <img src="../images/fy-sp3.jpg" alt="">
                    <img src="../images/fy-sp4.jpg" alt="">
                    <img src="../images/fy-sp5.jpg" alt="">
                    <img src="../images/fy-sp6.jpg" alt="">
                </div>
            </div>
            <div id="activity">
                <h2>近期活动</h2>
                <div>
                    <span class="iconfont icon-lingdang"></span>
                    <p>1、国信安幼儿园夏季运动会5月20日正式开始！</p>
                    <p>2、6月1日幼儿艺术节盛大开幕！</p>
                </div>
            </div>
        </div>
    </div>
</body>
        <script src="../js/fy-home.js"></script>
</html>